/* 颜色变量 */
$white1: #f3f4f6;
$white2: #ffffff;
$linegray:#000000A6;
$navColor: #f5c789;
$origin1: #F29100;
$origin2: #f8b86b;
$origin3: #f8d99f;
$origin4: #feedcb;

$red:#FF7575;
$primary:#2979ff;
$primary-light:#ecf5ff;
$blue:#169BFAFF;
$dark1: #303133;
$dark2: #606266;
$dark3: #909399;
$dark4: #c0c4cc;

$gray1: #727171;
$gray2: #909399;

//渐变
$bgLinear: linear-gradient(#f8b86b, #956134);

/* 阴影 */
$shadow1: 1px 1px 5px rgba(144, 140, 139, 0.65);
$shadow2: 0 2px 6px rgba(0, 0, 0, 0.2);
$shadow-below: 0 5px 2px #0000000D;
$shadows: 0 2px 6px #e7e7e70d;

//过渡
$speed-slide: 0.8s ease-in-out;

/* 边框 */
$border1: 1px solid #e4e7ed;
$border2: 1px solid #dcdfe6;

/* 圆角 */
$radius1: 22px;
$radius2: 8px;
$radius: 4px;
$radiusLarger: 44px;
$radiusLarge: 22px;
$radiusMiddle: 8px;
$radiusSmall: 4px;

/* 行高 */
$lhCompact: 1.3;
$lhModerate: 1.5;
$lhLoose: 1.7;

/* 字体大小 */
$slarge: 28rpx;
$sNormal: 26rpx;
$sSmall: 24rpx;
$sMini: 22rpx;

/* 字体粗度 */
$wBlod: 700;
$wNormal: 500;
$wLight: 300;

/* 导航高度 */
$tabbarHeight: 70px;

body {
  box-sizing: border-box;
  font-family: PingFangSC-Regular, sans-serif;
  font-size: $sNormal;
  font-weight: $wNormal;
  line-height: $lhModerate;
  color: $dark2;
}

body,
view,
textarea {
  box-sizing: border-box;
}

input,
textarea {
  padding: 5px;
  font-size: $sNormal;
  border-radius: $radius2;
}

button {
  padding: 5px;
  font-size: $sNormal;
  color: #ffffff;
  background-color: $origin2;
  border: none;
  border-radius: $radius2;

  &::after {
    border: none;
  }

  &:active {
    transform: scale(0.99);
  }
}

navigator {
  display: inline-block;
}

/* 默认placeholder样式 */

.input-placeholder,
.textarea-placeholder {
  font-size: $sSmall;
  font-weight: $wLight;
  color: $dark4;
}

.h3 {
  font-size: 32rpx;
  font-weight: $wBlod;
  color: $dark1;
}

.small {
  font-size: $sSmall;
}

.mini {
  font-size: $sMini;
}

.strong {
  font-weight: $wBlod;
}

.center {
  margin: auto;
  text-align: center;
}

.fix-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.2);

  .content {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 10px;
    background-color: #ffffff;
    transform: translate(-50%, -58%);
  }
}

/* 富文本，换行规则 */

.rich-text {
  font-size: $sSmall;
  word-wrap: break-word;
  white-space: pre-wrap;
}

/* 上下旋转强调动画 */
@keyframes shake {

  0% {
    transform: rotate(10deg);
  }

  100% {
    transform: rotate(-10deg);
  }
}
